<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"
		name="viewport">
	<title>弹幕机器人</title>
	<link rel="stylesheet" type="text/css" href="../asset/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="../asset/css/popup.css">
</head>

<body style="width:500px;height:800px; margin:20px">
	<div id="htmlalert" class="alert alert-success" role="alert" style="display:none;padding:5px;margin-bottom:2px;">
		<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
				aria-hidden="true">&times;</span></button>
		<strong>通知</strong>
	</div>
	<div class="alert alert-success" role="alert" style="padding:5px;margin-bottom:2px;">
		<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
				aria-hidden="true">&times;</span></button>
		<strong>通知</strong>语音弹幕功能、豆瓣FM功能都需要点击网页上的【开启弹幕监控】按钮
	</div>
	<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
		<div class="panel panel-default">
			<div class="panel-heading" role="tab" id="headingThree">
				<h4 class="panel-title">
					<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTool"
						aria-expanded="true" aria-controls="collapseTool">
						弹幕机器人 弹幕选项
					</a>
				</h4>
			</div>
			<div id="collapseTool" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingThree">
				<div class="panel-body">
					<div class="msg-controle well">
						<label>
							<input type="checkbox" checked>自动抢火箭鱼丸
						</label>
						<div class="form-inline form-group-sm" style="margin-bottom:10px;">
							<div class="form-group">
								<label for="send-msg">刷屏弹幕(最多20字)</label>
								<input type="text" class="form-control" id="send-msg" placeholder="" style="width:200px">
							</div>
							<button class="btn btn-default send-msg-save">保存</button>
						</div>
						<div class="form-inline form-group-sm" style="margin-bottom:10px;">
							<div class="form-group">
								<label for="send-msg">进入房间欢迎弹幕: </label>
								<input type="text" class="form-control" id="wellcome-msg" placeholder="" style="width:200px">
							</div>
							<button class="btn btn-default send-msg-save">保存</button>
						</div>
					</div>
					<div class="well tts-controle">
						<div class="checkbox">
							<button class="btn btn-default tts-clear">清除未读完的</button>
							<label>
								<input type="checkbox" checked>多弹幕随机
							</label>
						</div>
						<div class="form-inline form-group-sm" style="margin-bottom:10px;">
							<div class="form-group">
								<label for="volum">音量(默认1)</label>
								<input type="text" class="form-control" id="volume" placeholder="" style="width:40px">
							</div>
							<div class="form-group">
								<label for="exampleInputEmail2">阅速(默认1)</label>
								<input type="text" class="form-control" id="rate" placeholder="" style="width:40px">
							</div>
							<div class="form-group">
								<label for="exampleInputEmail2">音调(默认1)</label>
								<input type="text" class="form-control" id="pitch" placeholder="" style="width:40px">
							</div>
							<button class="btn btn-default tts-save">保存</button>
						</div>
						<div class="progress tts-volume">
							<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="80"
								aria-valuemin="0" aria-valuemax="100" style="width:80%">
								音量
							</div>
						</div>
						<div class="progress tts-rate">
							<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="10"
								aria-valuemin="0" aria-valuemax="100" style="width: 100%">
								读速
							</div>
						</div>
						<div class="progress tts-pitch">
							<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="50"
								aria-valuemin="0" aria-valuemax="100" style="width: 50%">
								声调
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--         <div class="panel panel-default">
			<div class="panel-heading" role="tab" id="headingThree">
				<h4 class="panel-title">
					<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseUrl" aria-expanded="true" aria-controls="collapseTool">
						弹幕机器人 主播选项
					</a>
				</h4>
			</div>
			<div id="collapseUrl" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingThree">
				<div class="panel-body">
					<button class="btn btn-default doubanfm">启动豆瓣FM(需开启弹幕监控才能实现弹幕控制)</button>
					<blockquote>
						<p>弹幕命令 暂停:#pause,播放:#play,换歌:#skip,红心:#love,删除:#ban</p>
					</blockquote>
				</div>
			</div>
		</div> -->
		<p>
			<a href="http://getcrx.cn" target="_blank">更多扩展</a>
			<a href="https://item.taobao.com/item.htm?id=530237903650" target="_blank">私人订制</a>
		</p>
	</div>
	<script type="text/javascript" src="../js/lib/jquery-2.1.1.js"></script>
	<script type="text/javascript" src="../js/lib/bootstrap.min.js"></script>
	<script type="text/javascript" src="../js/popup.js"></script>
</body>

</html>